<template>
    <div class="exper">
        <div class="row center ">
            <div class="col-md-3" v-for="lis in list">
                <div class="col-md-11 listBox">
                    <div class="imgBox">
                        <img :src="lis.docterImg">
                    </div>
                    <div class="boxTitle">
                        <p>{{lis.docterName}} &nbsp;&nbsp;|&nbsp;&nbsp; {{lis.job}}  </p>
                        <div class="fix botBox" >
                            <div class="bot" v-for=" bot in lis.goodDing">{{bot.styl}}</div>
                        </div>
                        <p class="shool">{{lis.hospital}}</p>
                        <p class="conp"><label>擅长：</label>&nbsp;&nbsp;&nbsp;&nbsp;{{lis.centText}}  </p>
                    </div>
                    <div class="vandMag row">
                        <div class="col-md-6">
                            <p class="vdio text">视频面诊<span class="redNuber">{{lis.precOfVdio}}/次</span></p>
                        </div>
                        <div class="col-md-6">
                            <p class="adio text">视频面诊<span class="redNuber">{{lis.precOfAdio}}/次</span></p>
                        </div>
                    </div>
                    <div class="row">
                        <div class="botByYue">
                            预 约
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
    export default {
        name: 'ExpertList',
        data:function() {
            return{
               list:[
                   {   "docterId":"1",
                       "docterImg":"",
                       "docterName":"湖大1",
                       "hospital":"北京大学人民医院",
                       "job":"主任医师",
                       goodDing:[
                           {"styl":"心电生理" },{"styl":"冠心血管" },{"styl":"皮肤病" }
                       ],
                       "centText":"心电生里冠心血管皮肤病皮肤病心电生里冠心血管皮肤病皮肤病心电生里冠心血管皮肤病皮肤病",
                       "precOfVdio":500,
                       "precOfAdio":200
                   },
                   {   "docterId":"1",
                       "docterImg":"",
                       "docterName":"湖大1",
                       "hospital":"北京大学人民医院",
                       "job":"主任医师",
                       goodDing:[
                           {"styl":"心电生理" },{"styl":"冠心血管" },{"styl":"皮肤病" }
                       ],
                       "centText":"心电生里冠心血管皮肤病皮肤病心电生里冠心血管皮肤病皮肤病心电生里冠心血管皮肤病皮肤病",
                       "precOfVdio":500,
                       "precOfAdio":200
                   },
                   {   "docterId":"1",
                       "docterImg":"",
                       "docterName":"湖大1",
                       "hospital":"北京大学人民医院",
                       "job":"主任医师",
                       goodDing:[
                           {"styl":"心电生理" },{"styl":"冠心血管" },{"styl":"皮肤病" }
                       ],
                       "centText":"心电生里冠心血管皮肤病皮肤病心电生里冠心血管皮肤病皮肤病心电生里冠心血管皮肤病皮肤病",
                       "precOfVdio":500,
                       "precOfAdio":200
                   },
                   {   "docterId":"1",
                       "docterImg":"",
                       "docterName":"湖大1",
                       "hospital":"北京大学人民医院",
                       "job":"主任医师",
                       goodDing:[
                           {"styl":"心电生理" },{"styl":"冠心血管" },{"styl":"皮肤病" }
                       ],
                       "centText":"心电生里冠心血管皮肤病皮肤病心电生里冠心血管皮肤病皮肤病心电生里冠心血管皮肤病皮肤病",
                       "precOfVdio":500,
                       "precOfAdio":200
                   }
               ]
            }
        }
    }
</script>